.handsontable {
  .handsontableInput {
    max-width: 290px !important;
  }

  td {
    word-break: break-all;
  }
}

// expanded window layout
.handsontable-modal.handsontable-modal-expanded {
  @include expand-modal-fullscreen(true, true);

  // expand .hot-table-container (with flexbox)
  .hot-table-container {
    flex: 1;
  }
}

// Prevent handsontable/handsontable #2937 (Manual column resize does not work when handsontable is loaded inside Bootstrap 3.0 Modal)
// see https://github.com/handsontable/handsontable/issues/2937#issuecomment-287390111
.modal.in .modal-dialog.handsontable-modal {
  transform: none;

  .modal-navbar {
    background-color: $navbar-default-bg;
    border-bottom: $border 1px solid;
  }

  .data-import-form {
    color: $headingtext;
    background-color: $navbar-default-bg;

    .btn + .btn {
      margin-left: 5px;
    }
  }

  .data-import-button {
    position: relative;
    padding-right: 35px;
    padding-left: 10px;

    i:before {
      position: absolute;
      top: 6px;
      right: 8px;
      font-size: 20px;
    }
  }
}
